<template>
  <div id="indexContainer">
    <div id="title" :style="{backgroundImage:`url(${userLoginTitle})`}">
      会说话的曼唐
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
import userLoginTitle from '@/assets/user/user_login_title.jpg'
export default {
  data() {
    return {
      userLoginTitle: userLoginTitle
    }
  }
}
</script>

<style lang="less" scoped>
#title {
  background-size: 100% 100%;
  height: 100px;
  font-size: 24px;
  line-height:100px;
  text-align: center;
}
/deep/ .login-title,
/deep/ .register-title,
/deep/ .findpassword-title {
  height: 28px;
  border-bottom: 1px solid #ddd;
  margin: 10px 20px 28px 20px;
  text-align: center;
}
/deep/ .title {
  line-height: 56px;
  background: #fff;
  font-size: 36px;
  padding: 0 15px;
}
/deep/ .login-box,
/deep/ .register-box,
/deep/ .findpassword-box {
  transform: translateX(-50%);
  width: 410px;
  margin: 60px 0px 30px 50%;
}
/deep/ .autoWidthButton {
  width: 100%;
}
/deep/ a {
  text-decoration: none;
}
</style>